<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1, user-scalable=no" />
    <title>消费记录</title>
    <link rel="stylesheet" href="./css/pay_records.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.css">
    <script src="./js/swiper.js"></script>
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <style>
        .top_right{
            text-decoration: none;color: #ffffff;font-size: 1rem;
            display: flex;justify-content: center;align-items: center;  font-weight: bold;
        }

    </style>
</head>
<body>
<div class="index_top">
    <div  class="top_left">
        <img class="l_img" src="image/index_image/back.png" alt="">
    </div>
    <div class="top_contant">
        消费记录
    </div>
    <a class="top_right" href="index.html">
    返回首页
    </a>
</div>
<div class="jilu_list">
    <div class="list_nav">
        <div class="list_nav_item">时间</div>
        <div class="list_nav_item">类型</div>
        <div class="list_nav_item">金额</div>
    </div>
    <div class="list_all">
        <a class="jilu_list_item" href="paylist_detail.html">
            <div class="jilu_list_item_txt">2018-7-24</div>
            <div class="jilu_list_item_txt"><span class="xiaofei">消费</span></div>
            <div class="jilu_list_item_txt">- <span>1000.00元</span><span><img class="list_jiantou" src="image/person_center/right_arrow.png" alt=""></span></div>
        </a>
        <a class="jilu_list_item" href="paylist_detail.html">
            <div class="jilu_list_item_txt">2018-7-24</div>
            <div class="jilu_list_item_txt"><span class="xiaofei">消费</span></div>
            <div class="jilu_list_item_txt">- <span>1000.00元</span><span><img class="list_jiantou" src="image/person_center/right_arrow.png" alt=""></span></div>
        </a>
        <a class="jilu_list_item" href="paylist_detail.html">
            <div class="jilu_list_item_txt">2018-7-24</div>
            <div class="jilu_list_item_txt"><span class="xiaofei">消费</span></div>
            <div class="jilu_list_item_txt">- <span>1000.00元</span><span><img class="list_jiantou" src="image/person_center/right_arrow.png" alt=""></span></div>
        </a>
        <a class="jilu_list_item" href="paylist_detail.html">
            <div class="jilu_list_item_txt">2018-7-24</div>
            <div class="jilu_list_item_txt"><span class="xiaofei">消费</span></div>
            <div class="jilu_list_item_txt">- <span>1000.00元</span><span><img class="list_jiantou" src="image/person_center/right_arrow.png" alt=""></span></div>
        </a>
        <a class="jilu_list_item" href="paylist_detail.html">
            <div class="jilu_list_item_txt">2018-7-24</div>
            <div class="jilu_list_item_txt"><span class="xiaofei">消费</span></div>
            <div class="jilu_list_item_txt">- <span>1000.00元</span><span><img class="list_jiantou" src="image/person_center/right_arrow.png" alt=""></span></div>
        </a>
        <a class="jilu_list_item" href="paylist_detail.html">
            <div class="jilu_list_item_txt">2018-7-24</div>
            <div class="jilu_list_item_txt"><span class="xiaofei">消费</span></div>
            <div class="jilu_list_item_txt">- <span>1000.00元</span><span><img class="list_jiantou" src="image/person_center/right_arrow.png" alt=""></span></div>
        </a>
    </div>
</div>
<script>
    $(".top_left").click(function () {
        history.back()
    })
</script>
</body>
</html>
